<!DOCTYPE html>
<!--[if IE 7 ]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8 oldie"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->

<head>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <meta name="description" content="">
    <meta name="author" content="">

    <title>MyTrack101</title>

    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
    <link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css" />
<link rel="stylesheet" href="dataTable/css/demo_page.css" />
	<link rel="stylesheet" href="dataTable/css/demo_table.css" />
    <!--[if lt IE 9]>
	    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <script>window.jQuery || document.write('<script src="js/jquery-1.6.1.min.js"><\/script>')</script>
	<script src="js/jquery-1.6.1.min.js"></script>
    <script src="js/jquery.smoothscroll.js"></script>
    <script src="js/jquery.nivo.slider.pack.js"></script>
    <script src="js/jquery.easing-1.3.pack.js"></script>
    <script src="js/jquery.fancybox-1.3.4.pack.js"></script>
    <script src="js/init.js"></script>
    <script src="dataTable/js/jquery.dataTables.min.js"></script>


</head>
	<script type="text/javascript" charset="utf-8">
	
	$(document).ready(function() {
		
	    $('#example').dataTable( {
	        "bProcessing": true,
	        "bServerSide": false,
	        "sAjaxSource": "./data?type=map",
			"aoColumns": [
								{ "mData": "dateTime" },
								{ "mData": "id" },
								{ "mData": "lat" },
								{ "mData": "lng" }
			]	        
	    } );
	    

	} );
	
	</script>

<body>

<!-- header-wrap -->
<div id="header-wrap">
    <header>

        <hgroup>
            <h1><a href="test1.html">MyTrack101</a></h1>
            <h3>Tracking Makes Easy</h3>
        </hgroup>

        <nav>
            <ul>
                <li><a href="test1.html">Map</a></li>
                <li><a href="list.html">List</a></li>
                <li><a href="contact.html">Contact Us</a></li>
            </ul>
        </nav>

    </header>
</div>

<!-- content-wrap -->
<div class="content-wrap">

    <!-- main -->
    <section id="main">

        <div id='container'>
		<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%">
		<thead>
		<tr>
			<th>Date</th>
			<th>id</th>
			<th>latitude</th>
			<th>longitude</th>
		</tr>
		</thead>
		<tbody>
		</tbody>
		
		<tfoot>
		<tr>
			<th>Date</th>
			<th>id</th>
			<th>latitude</th>
			<th>longitude</th>
		</tr>
		</tfoot>
		</table>

        </div>

      </section>

</div>



</body>
</html>
